<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>团检登记-选择套餐</title>
  <link rel="stylesheet" type="text/css" href="../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../themes/icon.css">
  <script type="text/javascript" src="../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    body {
      font-size: 14px;
    }
    a {
      display: inline-block;
      text-decoration: none;
      color: #000;
      padding: 0;
      margin: 0;
    }
    .content{
      height: 100%;
    }
    .content-left-right{
      width: 100%;
      height: 500px;
    }
    .content_left,.content_right{
      float: left;
      width: 50%;
      height: 100%;
    }
    .content_left{
      border-right: 1px solid #000;
    }
    .form-item{
      float: left;
      margin-right: 20px;
      margin-top: 20px;
    }
    .form-item .btn {
      width: 80px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      background: rgba(64, 158, 255, 1);
      border-radius: 10px;
    }
    .submit{
      margin: 50px auto;
      width: 80px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      font-size: 16px;
      border-radius: 5px;
      border: 1px solid;
      cursor: pointer;
      background-color: rgba(64, 158, 255, 1);
      color: #ffffff;
    }
    .package-list{
      margin-top: 100px;
    }
    .basic-information{
      margin: 20px;
      border-bottom: 1px solid #333333;
      padding-bottom: 20px;
    }
    .bi-title, .pyi-title{
      font-size: 16px;
      font-weight: bold;
    }
    .bi-item{
      width: 100%;
      font-size: 14px;
      margin-top: 10px;

    }
    .bi-label, .bi-value{
      display: inline-block;
    }
    .py-items{
      margin: 20px;
    }
    .pyi-list{
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="content">
    <form class="form-content" id="ff" method="post" style="width: 100%;height: 100%">
      <div class="content-left-right">
        <div class="content_left">
          <div class="form-item">
            <label for="name">套餐名称：</label>
            <input class="easyui-validatebox" placeholder="输入内容" type="text" id="name" name="name" style="width: 270px;height: 30px;"/>
          </div>
          <div class="form-item">
            <a href="#" class="btn">搜索</a>
          </div>
          <div class="package-list">
            <table class="easyui-datagrid" data-options="ctrlSelect:true" style="width: 402px">
              <thead>
                <tr>
                  <th data-options="field:'a1',width:100,align:'center'">序号</th>
                  <th data-options="field:'a3',width:100,align:'center'">套餐名称</th>
                  <th data-options="field:'a4',width:100,align:'center'">适用性别</th>
                  <th data-options="field:'a5',width:100,align:'center'">价格（元）</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>项目1</td>
                  <td>男</td>
                  <td>359.00</td>
                  <td>是</td>
                  <td>待定</td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>项目2</td>
                  <td>女</td>
                  <td>359.00</td>
                  <td>是</td>
                  <td>待定</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="content_right">
          <div class="basic-information">
            <div class="bi-title">基本信息</div>
            <div class="bi-item">
              <div class="bi-label">适用疾病：</div>
              <div class="bi-value">肠胃疾病、高血压</div>
            </div>
            <div class="bi-item">
              <div class="bi-label">体检类型：</div>
              <div class="bi-value">职业体检、男性体检、女性体检</div>
            </div>
            <div class="bi-item">
              <div class="bi-label">适用人群：</div>
              <div class="bi-value">上班族、白领、30-50岁人群</div>
            </div>
          </div>
          <div class="py-items">
            <div class="pyi-title">体检项</div>
            <div class="pyi-list">
              <table class="easyui-datagrid" data-options="ctrlSelect:true" style="width: 702px">
                <thead>
                <tr>
                  <th data-options="field:'a1',width:100,align:'center'">序号</th>
                  <th data-options="field:'a3',width:200,align:'center'">组合项目名称</th>
                  <th data-options="field:'a4',width:100,align:'center'">适用性别</th>
                  <th data-options="field:'a5',width:100,align:'center'">价格（元）</th>
                  <th data-options="field:'a6',width:100,align:'center'">是否折扣</th>
                  <th data-options="field:'a6',width:100,align:'center'">折扣</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                  <td>1</td>
                  <td>项目1</td>
                  <td>男</td>
                  <td>359.00</td>
                  <td>是</td>
                  <td>待定</td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>项目2</td>
                  <td>女</td>
                  <td>359.00</td>
                  <td>是</td>
                  <td>待定</td>
                </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="submit">确定</div>
    </form>
  </div>
</body>
</html>
